<template>
    <div>
        <span class="iconfont" :class="{[icon]:true}"></span>
        
    </div>
</template>

<script>
    export default {
        props:{
            icon:{
                type:String,
                default:'icon-yanzhengma'
            }
        }
    }
</script>

<style lang="scss" scoped>
@font-face {
  font-family: "iconfont"; /* Project id 4124996 */
  src: url('//at.alicdn.com/t/c/font_4124996_lc6hyqalw4a.woff2?t=1688386015224') format('woff2'),
       url('//at.alicdn.com/t/c/font_4124996_lc6hyqalw4a.woff?t=1688386015224') format('woff'),
       url('//at.alicdn.com/t/c/font_4124996_lc6hyqalw4a.ttf?t=1688386015224') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 25px;
  color:#e60e;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-zhifubao:before {
  content: "\e65d";
}

.icon-weibo:before {
  content: "\e64b";
}

.icon-weibo1:before {
  content: "\e62d";
}

.icon-QQ:before {
  content: "\e882";
}

.icon-weixin:before {
  content: "\e603";
}

.icon-weixin1:before {
  content: "\e682";
}

.icon-taobao:before {
  content: "\e60e";
}

.icon-fenxiang:before {
  content: "\e600";
}

.icon-yanzhengma:before {
  content: "\e609";
}

.icon-film:before {
  content: "\e671";
}

.icon-wode:before {
  content: "\e8a0";
}


</style>